/* 
    Document   : view.css
    Created on : Aug 5, 2011, 3:57:27 PM
    Author     : Jason
    Description:
        CSS specific to jobs/view.ctp
*/


div.view {
  float: none; /* override */
}


/* ----------------------- */
/* ---- Tables ----------- */

table {
  margin-bottom: 0px;
}

/*table tr.detailRow td {
  background: transparent;  
  border: none;
}*/

table tr.optionsRow td {
  background: transparent;  
  border: none;
  opacity: 0;  /* reveal the row on hover with jQuery */
}

table tr.blank td {
  background: transparent;
  padding: 0;
  padding-bottom: 1px;
}

table tr td {
  background: #f9f9f9;  /* lighter gray than the ''altrow' */
}
/* trying to override the global setting: */
/*
table tr:nth-child(2n -1) td {
	background: none;
}
*/
table .altrow td {
	/*background: #f5f5f5;*/
  background: #efefef;
}

td.blank, th.blank, tr.blank td {
  border: none;
  background: transparent;
}

td.versionNum {
  font-size: 18px;
}

#jobTable th {
  border-bottom: none;
}

th#jobName {
 max-width: 40em;
 word-wrap: break-word;
}

span#jobAltNameSpan {
  font-weight: bold;
  /*color: #993;  /* goldish */
  color: #003d4c;  /* navy */
  /* font-size: 60%; */
}

th#jobAltNameTH {
  min-width: 13em;
}

/* --- end Tables ---------*/
/* ----------------------- */



h4 {
  font-weight: bold;
}

h3 {
  /*color: #003d4c;  /* navy */
}

#jobName {
  color: black;
}

h2 {
  color: #646464; /* dark gray */
  font-weight: bold;
}

a {
  font-weight: normal;
}




dl {
  /*
  border: 1px solid gray;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;  
  */
  font-family: 'Gill Sans','lucida grande', helvetica, arial, sans-serif;
}

dt, dd {
  font-size: 1.2em;
}

dt {
  font-weight: normal; /* override */
  /* font-size: 1.2em;*/
  text-align: right;
  max-width:  9em;
  margin-left: -15px;
}
dt:after {
  content: ":";
}

dd {
  min-width: 25em;
  /*font-size: 1.2em;*/
  margin-top: -1.6em;  /* override */
  margin-left: 9.5em; /* override */ 
}

dd#description {
  line-height: 1.25em;  /* override */  
  font-size: 1em;
  margin-left: 11.5em;
}

dl div {
  min-width: 48em;
}

dl div#jobNameDiv {
  /*border: 1px solid;
  width: inherit; */
  /*
  border: 1px solid gray;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;  
  */
  margin-bottom: 25px;
}

dl div#jobNameDiv dt {
  /*color: #E32; /* red-ish */
  font-size: 165%;
  margin-left: -75px; /* override */
}

/*
dl div#jobNameDiv dt {
  color: #ec8d00; /* orange-ish 
}*/

dl div.altrow {
  /*background-color: #F4F4F4;*/
  background-color: #efefef;
  
  border: none;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px; 
}



.newVersionLikeThis {
  /*
  border: 1px solid;
  border-right: none;
  */
  border: none;
  border-radius: 10px 0px 0px 10px;
  /*-moz-border-radius: 10px 10px 10px 10px;  */
  -moz-border-radius: 10px 0 0 10px;  
  
  background-color: #547f30;  /* greenish */
  background-image: url(../../img/greenArrow_whiteBG_larger.gif);
  background-repeat: no-repeat;
  background-position: right;
  
  /*padding-left: 9px;
  padding-right: 10px;*/
  padding: 2px 7px 4px 9px;
  /* position the arrow slightly to the right so it overlaps the row a little */
  position: relative;
  right: -5px;
  color: white;
  width: 115px;
  opacity: 0;
}

.newVersionLikeThis a {
  /* make the entire link container be a clickable link by exanding the link size to its container: */
  width: 100%;
  height: 100%;
  display: block;
  font-weight: bold;
  color: white;
}





/*
th:hover {
  color: gainsboro;
  background-color: red;
}
*/
/*
.newVersionLikeThis a:hover {
  font-size: larger;
}  
*/
.regTextFrosted {
  font-weight: normal;
  color: whitesmoke;
}

.smaller {
  font-size: smaller;
}

/* Next couple rules are to override generic.css: */
div.jobActions {
  width: auto;
  float: none;
}

div.jobActions li {
  display: inline-block;
}


#jobActions {
  margin: 10px;
  margin-left: 3px;
}

h3#jobVersionsHeading {
  display: inline-block;
}

#newDefaultVersionBtn {
  display: inline-block;
  vertical-align: middle;
  /*float: right;*/
}

#newDefaultVersionBtn img {
  
  margin: 0px 1px 0px 0;
}
